<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>${webConfig.name}</title>
		<meta name="description" content="${webConfig.name}">
		<meta name="keywords" content="${webConfig.name}">
		<link href="${s.base}/pc/css/index.css" rel="stylesheet">
		<link href="${s.base}/pc/css/reset.css" rel="stylesheet">
		<link href="${s.base}/pc/css/style.css" rel="stylesheet" type="text/css">
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet" type="text/css">
		<script src="${s.base}/pc/js/jquery.min.js"></script>
		<script src="${s.base}/pc/js/jquery.SuperSlide.2.1.1.js"></script>
	</head>
	<body class="bg">
    <!--顶部菜单-->
	<div class="pheader">
		<div class="naview">
			<div class="nav">
				<dl class="lists active">
					<dt class="nt">
						品牌服务
					</dt>
				</dl>
				<ul class="navlist">
					<#list webNavigationList as webNavigation>
						<li <#if navId==webNavigation.id>class="cur"</#if>><a href="${webNavigation.url}">${webNavigation.name}</a></li>
					</#list>
				</ul>
			</div>
		</div>
	</div>
	<div class="w clearfix" style="position:relative;">
		<div class="cat_wrap">
			<div class="cat_header">
				<div class="cat_list" id="showService">


				</div>
			</div>
		</div>
	</div>
		<!-- 轮播 -->
		<div class="swiper-container swiper-container-h">
			<div class="swiper-wrapper banner-swiper-wrapper">
			</div>
			<div class="swiper-pagination swiper-pagination-white swiper-pagination-h"></div>
			<div class="swiper-button-next swiper-button-white swiper-next"></div>
			<div class="swiper-button-prev swiper-button-white swiper-prev"></div>
		</div>
		<div class="lijzz">
			<div class="six_margin">
				<div class="label_title">
					<img src="${s.base}/pc/img/1.png" style="width:12px;height:11px;margin-right: 10px;">
					<p>您当前位置:<span>首页</span>><span>${webColumnType.name}</span></p>
				</div>
				<div class="new_content1">
					<img src="${s.base}/pc/img/2.png" alt="">
					<div class="title_head">
						<div class="title_head_1">
							<p>${webColumnType.name}</p><p style="color:#666666">/${webColumnType.seoKeyword}</p>
						</div>
						<p class="ttiele">${webColumnType.description}</p>
					</div>
				</div>
			</div>
		</div>
		<div class="lijzx">
			<div class="six_margin">
				<#list webArticleList as webArticle>
					<div class="counselor"  onclick="jumpArticleDesc('${webConfig.id}','${webArticle.id}','${navId}')">
						<img src="${webArticle.thumImage}" >
						<div class="counselor_block">
							<p class="counselor_block_title">${webArticle.title}</p>
							<div class="counselor_list">
								<div>
									<p>${webArticle.createTime?string('yyyy-MM-dd HH:mm:ss')}</p>
								</div>
							</div>

						</div>
						<div style="clear:both;"></div>
					</div>
				</#list>
				<div style="clear:both;"></div>
				<div style="width: 100%; height: 40px;"></div>
			</div>
		</div>

	<div class="footer">
		<p>${webConfig.siteNumber}&nbsp;&nbsp;&nbsp;&nbsp;地址：${webConfig.address}
			&nbsp;&nbsp;&nbsp;&nbsp;电话：${webConfig.telephone}</p>
	</div>
	<div class="fixed-right">
		<div class="kefu_box clearfix">
			<div class="kefu">
				<img src="${s.base}/pc/img/icon/side_icon1_1.png">
				<p>客服</p>
			</div>
			<div class="d d-service">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<a href="#" class="clearfix"><span class="circleqq"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
					</div>
				</div>
			</div>
		</div>
		<div class="yuyue_box clearfix">
			<div class="yuyue kefu">
				<img src="${s.base}/pc/img/icon/side_icon2_2.png">
				<p>服务热线</p>
			</div>
			<div class="d d-service-phone">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<span class="circleqq"><i class="i-tel"></i></span>
						<div class="text">
							<p>服务热线</p>
							<p class="red number">${webConfig.telephone}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pay_box clearfix">
			<div class="pay kefu">
				<img src="${s.base}/pc/img/icon/side_icon3_3.png">
				<p>微信公众号</p>
			</div>
			<div class="d d-qrcode">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="qrcode-img"><img src="${webConfig.wechat}" alt=""></div>
					<p>微信公众号</p>
				</div>
			</div>
		</div>

	</div>
	</body>
</html>
<script src="${s.base}/pc/js/swiper.min.js"></script>

<script src="${s.base}/pc/js/index.js"></script>
<script src="${s.base}/pc/js/component.js"></script>
		<script>
            var configId='${webConfig.id}';
            var navId='${navId}';
            $(document).ready(function(e) {
                initDate();
            });
            function initDate() {
                //获取项目服务
                acceptXygColumnTypeAndArticle('20190729145004089748111356894607',function (result) {
                    if(result.code==0){
                        var data=result.data;
                        var str='';
                        data.forEach(function (item,key,mapObj) {
                            str+='<div class="float for1" style="border-bottom: 1px solid #c5c5c5;">'+
                                '<div class="nav-title">'+
                                '<span>'+item.name+'</span>'+
                                '</div>'+
                                '<ul class="clearfix">';
                            if(item.webArticleList.length>0){
                                item.webArticleList.forEach(function (article,key,mapObj) {
                                    str+='<li onclick="jumpArticleDesc(\''+configId+'\',\''+article.id+'\',\''+navId+'\')">'+article.title+'</li>';
                                });
                            }
                            str+='</ul>'+
                                '</div>';
                        });
                        $("#showService").html(str);
                    }

                },6);
                acceptXygBanner('20190605224235030385207819993192','${webConfig.userId}',function (data) {
                    data.forEach(function (item,key,mapObj) {
                        $(".banner-swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" style="width: 100%;height: 500px;" /></div>');

                    });
                    var swiper = new Swiper('.swiper-container-h', {
                        pagination: '.swiper-pagination-h',
                        paginationClickable: true,
                        nextButton: '.swiper-next',
                        prevButton: '.swiper-prev',
                        spaceBetween: 10,
                        centeredSlides: true,
                        autoplay: 2500,
                        autoplayDisableOnInteraction: false,
                        effect: 'fade'
                    });
                });

            }

		</script>
